﻿<!DOCTYPE html>
<!-- saved from url=(0039) -->
<html lang="en" class="cufon-active cufon-ready">
	<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Rock Sol</title>
	<meta charset="utf-8">
    <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/grid_16.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/superfish.css" type="text/css" media="screen">
    
    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="js/32189 template preview_files/cufon-yui.js"></script>
    <script src="js/cufon-replace.js" type="text/javascript"></script>
	<script src="js/Cicle_Fina.js" type="text/javascript"></script>   
	<script src="js/imagepreloader.js" type="text/javascript"></script>
	<script type="text/javascript">
		preloadImages([
			'images/nav-last-strong-bg-hover.png', 
			'images/nav-first-strong-bg-hover.png', 
			'images/faded-pagination-bg-active.png']);
	</script> 
	<script type="text/javascript" src="js/superfish.js"></script>
	<script type="text/javascript">
		// initialise plugins
		jQuery(function(){
			jQuery('ul.sf-menu').superfish();
		});
	</script> 
	<script src="js/jquery.faded.js" type="text/javascript"></script>
	<script type="text/javascript" src="js/jquery.faded-options.js"></script>
	  <!--[if lt IE 7]>
		<script type="text/javascript" src="js/ie6_script_other.js"></script>
	  <![endif]-->
	  <!--[if IE]>
		 <script type="text/javascript" src="js/html5.js"></script>
	  <![endif]-->
</head>

<body id="page1">

		<div class="extra">

			<div class="container_16">

				<!-- header -->

				<header>

					<div class="wrapper">

						<div class="grid_16">

							<div class="bb wrapper" style="background: url('images/striped-bkg.png') repeat scroll 0 0 #f9f9f9;">

								<div class="contact">

									<span>Freephone: &nbsp;+92 123 456 7890</span>

									<a href="#">mail@example.com</a>

								</div>

							</div>

							<div class="wrapper">

								<h1><a href="#">Sharmila Farooqui</a></h1>
								<div style="float:right; margin-right: 10px; margin-top:10px;"><img src="images/share.jpg" onclick="javascript:alert('testing...');" /></div>
                                
							</div>

							<nav>

								<ul class="sf-menu">
									<li><a href="#" class="active">Main</a></li>

									<li><a href="#">About</a>
										<ul>
											<li><a href="#">biography</a></li>
											<li><a href="#">study</a></li>
											<li><a href="#">practice</a></li>
											<li><a href="#">work</a></li>
										</ul>
									</li>

									<li><a href="#">Pictures</a></li>
									<li><a href="#">Videos</a></li>
									<li><a href="#">Articles</a></li>
									<li><a href="#">Blog</a></li>
									<li><a href="#">News</a></li>
									<li><a href="#">Contacts</a></li>
								</ul>

								<div class="clear"></div>

							</nav>

							<div id="faded">

								<ul class="faded">

									<li>
										<img src="images/slide1.jpg" alt="" />
										<strong>Main principle <br/>Stability in the future</strong>
										<a href="#">read more</a>
										<b>Image 1 of 5</b>
									</li>

									<li>
										<img src="images/slide2.jpg" alt="" />
										<strong>Main principle <br/>Stability in the future</strong>
										<a href="#">read more</a>
										<b>Image 2 of 5</b>
									</li>

									<li>
										<img src="images/slide3.jpg" alt="" />
										<strong>Main principle <br/>Stability in the future</strong>
										<a href="#">read more</a>
										<b>Image 3 of 5</b>
									</li>

									<li>
										<img src="images/slide4.jpg" alt="" />
                                        <strong>Main principle <br/>Stability in the future</strong>
										<a href="#">read more</a>
										<b>Image 4 of 5</b>
									</li>

									<li>
										<img src="images/slide5.jpg" alt="" />
                                        <strong>Main principle <br/>Stability in the future</strong>
										<a href="#">read more</a>
										<b>Image 5 of 5</b>
									</li>

								</ul>

								<div class="click-pagination">
									<a href="#" class="prev">&nbsp;</a>
									<a href="#" class="next">&nbsp;</a>
								</div>

							</div>

						</div>

					</div>

				</header>

				<!-- content -->

				<section id="content">

					<div class="container_16 top3">

						<div class="divider2">

							<div class="divider1">

								<div class="wrapper divider bot_1">

									<div class="grid_4">

										<h2 class="h-top">Twitter</h2>

										<img src="images/twitter-widget.png" />

										<p><a href="#" class="button"><span><span>read more</span></span></a></p>

									</div>

									<div class="grid_4">

										<h2 class="h-top">Facebook</h2>

										<img src="images/facebook-widget.gif" />

										<p><a href="#" class="button"><span><span>read more</span></span></a></p>

									</div>

									<div class="grid_4">

										<h2 class="h-top">Issues</h2>

										<ul class="list">

											<li><a href="#">Praesent vestibulm molesi</a></li>

											<li><a href="#">Acume eurissellus portususi</a></li>

											<li><a href="#">Parturientes nasctur ulus</a></li>

											<li><a href="#">Fscgiat suada odio</a></li>

											<li><a href="#">Morbi nunc odida atcursus</a></li>

											<li><a href="#">Enec uctus a lornque orci ac</a></li>

											<li><a href="#">Duis ultrciesagn usanlesuda</a></li>

										</ul>

										<p class="top1"><a href="#" class="button"><span><span>read more</span></span></a></p>

									</div>

									<div class="grid_4">

										<h2 class="h-top">Solutions</h2>

										<p>Praesent vestibulm molesi acume eurissellus portususipit vari sociis natoque peibus et mis parturientes nasctur ulus musNulla dui. Fscgiat suada odio. Morbi nunc odiov.</p>

										<p>Rida atcursus nec uctus a lornque <br> orci ac sem. Duis ultrciesagn usan malesuda orciec sit  eros. Lorem <br>ipsum dolor sit atetuer piscing elit. Mauris fermentum magna.</p>

										<p><a href="#" class="button"><span><span>read more</span></span></a></p>

									</div>

								</div>

							</div>

						</div>

						<!-- Extended Footer -->

					</div>

				</section>

			</div>

		</div>

		<div class="extra-bottom"></div>

	<!-- footer -->

	<footer>

		<div class="container_16">

			<div class="wrapper">

				<div class="grid_16">

					<div class="wrapper">

						<p>ROCK SOL © 2012 &bull; <a href="#">Contact us</a></p>

						<span><!-- {%FOOTER_LINK} --></span>

					</div>

				</div>

			</div>			

		</div>

	</footer>

	<!-- Slider -->
   <script type="text/javascript"> Cufon.now(); </script>    
</body>
</html>